layui.use(['table', 'jquery','element'], function () {
    //使用layui的table模块来操作表格
    let table = layui.table;
    //使用layui的jquery模块
    let $ = layui.$;
    //导航的hover效果、二级菜单等功能，需要依赖element模块
    var element = layui.element; 

    //当页面加载就需要渲染表格数据
    table.render({
        elem: '#demo',   //引用表格的ID
        id: 'logTable', //这个id是render的id，可以用于表格reload时引用
        url: 'http://localhost:8080/log/selectByPage',  // 请求地址
        method: 'get',
        toolbar: '#searchToolBar',   //设置toolbar
        page: true,  //启用表格分页功能
        // width:1500,
        cols: [[     //表头
            { field: 'logId', title: 'Id', sort: true, fixed: 'left' ,width:'10%'},
            { field: 'userName', title: '用户名' ,width:'15%'},
            { field: 'realName', title: '真实姓名'  ,width:'15%'},
            { field: 'content', title: '动态'},
            { field: 'createTime', title: '创建时间', sort: true  }
        ]]
    });

    //绑定表格的toolbar事件
    table.on('toolbar(logList)', function (obj) {
        //获取按钮对象lay-event属性值
        let event = obj.event;

        switch (event) {
            //在不同的case中做不同的按钮事件处理
            case 'search':
                //重载表格加载新的数据, 引用render的id
                table.reload('logTable', {
                    method: 'get',
                    where: {
                        userId: $('#userId').val(),
                        userName: $('#userName').val()
                    },
                    page: {
                        curr: 1  //查询回来后默认显示在第一页
                    }
                });
        }

    });


});